<!--
 * @Author: your name
 * @Date: 2020-09-10 11:05:38
 * @LastEditTime: 2020-09-10 14:09:17
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \PipeOneMap_WebClient\src\app\shared\components\search-tools\search-tools.component.html
-->
<div class="content">
  <!-- 鼠标浮动状态、样式，激活时的状态，（当处于激活状态时增加背景色，并更换图标）传入和传出也定义好！ -->
  <div class="item" *ngFor="let item of data" (click)="itemChange(item)"
    [ngClass]="{active: selectitem === item.title, default: selectitem === ''}">
    <div class="icon">
      <ng-container *ngIf="selectitem === item.title else otherTemplate">
        <img src="{{item.dimg}}">
      </ng-container>
      <ng-template #otherTemplate>
        <img src="{{item.simg}}">
      </ng-template>
    </div>
    <div class="name">{{item?.title}}</div>
  </div>
</div>
